/* 
 * 输入框自动完成
 * 在后台通过ajax实时获取数据
 * @param input 是一个输入框对象
 * @param url 到指定的地址去获取数据
 */
var auto_complate_input_obj;

function autocomplate(input,event,url){
    auto_complate_input_obj=input;
    var name=$(input).val();
    if(event.keyCode ==17 || event.keyCode ==18 || event.keyCode ==20){
        
    }else{
        url+=(url.indexOf('?')==-1?'?':'&')+'key='+name;
        $.getJSON(url,function(data){
            if(data){
                var $ul=null;
                var s='';
                var $auto_input=$(auto_complate_input_obj);
                var offset=$auto_input.offset();
                if(isNullById('auto_complate_ul')){
                    $ul=$('<ul id="auto_complate_ul"></ul>').appendTo('body');
                }else{
                    $ul=$("#auto_complate_ul");
                }
                var top=offset.top+$auto_input.height();
                $ul.css({
                    'top':top,
                    left:offset.left,
                    width:$auto_input.width()
                    });
                $.each(data, function(i,name){
                    s+="<li>"+name+"</li>";
                });
                    $ul.html(s);
                    $ul.find("li").click(function(){
                        $auto_input.val($(this).text()).focus();
                        $ul.remove();
                    });
            }else{
                $("body").remove('auto_complate_ul');
            }
        });
    }
}